<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片路径详解</title>
</head>
<body>
     <!-- 
    绝对路径 
    绝对路径是电脑的盘符储存与访问的具体位置
    -->
    <img src="D:\image\1.jpg" alt="">
    <!-- 
    相对路径
    子级关系：/
    父级关系：../
    同级关系：./
    -->
    <img src="../07标签之图片/image/1.jpg" alt="" width="50px">
    <!--  
    网络路径
    -->
    <img src="https://img1.hack520.com/images/e6/78/ab96e784a3d9c76d6dc0db66e3e86cbf4ec378e6.jpg" alt="" width="50px">
</body>
</html>